<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <link rel="stylesheet" href="./punlic/static/css/layui.css">

  <!-- 引入 Bootstrap CSS -->
  {css href="__CSS__/bootstrap.min.css"}
  {css href="__CSS__/style.css"}

  <!-- 移动设备优先 -->
  <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
</head>
<body>


<!--核心部分-->
<div class="container pt-5 mt-5">
  <div class="row">
    <div class="col-3 siadebar">
      <button class="btn btn-secondary"><a href="{:url('/')}">用户管理</a></button>
      <button class="btn btn-secondary"><a href="{:url('/user/create')}">借出登记</a></button>
      <button class="btn btn-secondary"><a href="{:url('/borrow')}">设备借出</a></button>
      <button class="btn btn-secondary"><a href="{:url('/user/create')}">权限管理</a></button>
    </div>
    <div class="col-9 main">

      <form action="{:url('/upload/add')}" method="post">
        <fieldset class="w-75">
          <div class="form-group row">
            <label for="username" class="col-2 col-form-label">借用人</label>
            <div class="col-8">
              <input type="text" id="username" name="username"
                     class="form-control" placeholder="请输入借用人">
            </div>
          </div>
          <div class="form-group row">
            <label for="group" class="col-2 col-form-label">部门</label>
            <div class="col-8">
              <input type="text" id="group" name="group" class="form-control"
                     placeholder="请输入部门">
            </div>
          </div>
          <div class="form-group row">
            <label for="borrow" class="col-2 col-form-label">借出事由</label>
            <div class="col-8">
              <input type="text" id="borrow" name="borrow" class="form-control"
                     placeholder="请输入借出事由">
            </div>
          </div>
          <div class="form-group row">
            <label for="device" class="col-2 col-form-label">借出设备</label>
            <div class="col-8">
              <input type="text" id="device" name="device" class="form-control"
                     placeholder="请输入借出设备">
            </div>
          </div>


          <div class="form-group row">
            <label class="col-2">性别</label>
            <div class="col-8">
              <label for="man" class="col-form-label-sm">
                <input type="radio" id="man" name="gender" value="男"
                       checked>
                男
              </label>
              <label for="woman" class="col-form-label-sm">
                <input type="radio" id="woman" name="gender" value="女">
                女
              </label>
            </div>
          </div>
          <div class="form-group row">
            <label for="phone" class="col-2 col-form-label">电话</label>
            <div class="col-8">
              <input type="text" id="phone" name="phone" class="form-control"
                     placeholder="请输入电话">
            </div>
          </div>
          <div class="form-group row">
            <label for="email" class="col-2 col-form-label">电子邮箱</label>
            <div class="col-8">
              <input type="text" id="email" name="email" class="form-control"
                     placeholder="请输入电子邮箱">
            </div>
          </div>

          <div class="form-group row">
            <label for="url" class="col-2 col-form-label">上传</label>
            <form action="/upload" enctype="multipart/form-data"  method="post">
              <input type="file" id="url" name="url"/> <br>
            </form>
          </div>


          <div class="form-group row">
            <label class="col-2"></label>
            <div class="col-6">
              <label for="agree">
                <input type="checkbox" id="agree" name="agree">
                <span class="col-form-label-sm">我已同意在规定的借出协议
~</span>
              </label>
            </div>
            <div class="col-2 text-right">
              <a href="{:url('/user')}" class="col-form-label-sm">返回列表
              </a>
            </div>
          </div>
          <div class="form-group row">
            <label class="col-2 col-form-label"></label>
            <div class="col-8">
              <button class="btn btn-success w-100">提交</button>
            </div>
          </div>
        </fieldset>
      </form>
    </div>
  </div>
</div>




<!-- 引入 JS 文件 -->
{js href="__JS__/jquery-3.3.1.min.js"}
{js href="__JS__/bootstrap.bundle.min.js"}
</body>
</html>